* {
	padding: 0;
	margin: 0;
}

.scollop{
    text-align: center;
    margin: 5% auto;
    margin-top: 3%;
    padding-left: 20%;
}

.scollop_img ul li{
    float: left;
    padding-bottom: 1%;
    padding-right: 1%;
}

.scollop_img ul li a{
    position: relative;
}

.scollop_img ul li a img {
	margin-left: 10px;
	margin-right: 10px;
	width: 470px;
	height: 200px;
    transition: all 0.8;
    cursor: pointer;
}


.scollop_img ul li a span {
	position: absolute;
    top: -100px;
    left: -10px;
	padding: 5px;
	font-size: 12px;
	color: #fff;
	background: #0093ff;
}


.scollop_img ul li a h3 {
	line-height: 30px;
	font-weight: 700;
	color: #666;
}

.scollop_img ul li a:hover img{
   transform: scale(1.05);
}

.scollop_img ul li a:hover h3{
    font-size: 12px;
    font-weight: bold;
 }

 .scollop_personal_footer{
     text-align: center;
     padding: 10px;
     padding-bottom: 10px;
 }